@import url(base.less);

.top{
  z-index:1;
  height:300px;
  .pr;
  .bg-center('center_02.jpg');
  color: @cwhite;
  .label-infor{
    .pt(120);
    .tc;
    .pr;z-index:3;
    h2{
      text-shadow:1px 1px 2px #000;
    }
  }
  .bg{
    .wh(100%,100%);
    .bg-color(rgba(0,0,0,0.4));
    .pa(0,0,2);
  }
  .foot{
    position:absolute;
    .wh(100%,30px);
    bottom:0;
    left:0;
    .lh(30);
    .plr();
    .box-sizing();
    z-index: 3;
    a{
      color:@cwhite;
    }
    .buy-btn{
      .bg-size('lable_icon.png',18px,auto,right,0);
      .pr(22);
      .ptb(2);
    }
    .write-xinde{
      .pl(20);
      .bg-size('lable_icon.png',18px,auto,left,-247px);
    }
  }
}
.top-other{
  .p10;
  .bdb(@cde);
  .infor{
    .share-icon{
      .dib(18,18);
      .bg-size('lable_icon.png',18px,auto,right,-120px);
      .pl(10);
    }
    .icon1{
      .dib(18,18);
      .bg-size('lable_icon.png',18px,auto,0,-109px);

      .pr(10);
      border-right:1px solid @cde;
    }
    .time{
      .g9;
      .bg-size('lable_icon.png',18px,auto,0,-189px);
      .pl(20);
      .dl(24);
    }
  }
}
.btns{
  .ptb();
  div{
    .box-sizing;
    .fl;
    .tc;
    .dl(40);

  }
  a{
    .db;
    .border-radius(20px);
  }
  .left-btn{
    .w(40%);
    .pr(10);
    a{
      .g9;
      .bd(@ce);
      .bg-size('lable_icon.png',18px,auto,18px,-244px);
      border-bottom-width:3px;
      .fz(14);
      .fb;
    }
    .had{
      .c(@cred);
      .bg-size('lable_icon.png',18px,auto,18px,-52px);
    }
  }

  .right-btn{
    .w(60%);
    a{
      .bg-size('lable_icon.png',18px,auto,28px,14px);
      .bg-color(@cyellow);
      border-bottom:3px solid #c3a667;
      .pl(20);
      .fz(14);
      .fb;
    }
    .pr;
  }
  .num{
    .c(#987f0e);
  }
}
.tx-list{
  .pt10;
  .mt10;
  .bdt(@ce);
  .pr;
  .sjx{
    .pa(14%,-6px);
    .bg-size('arrow_top_03.png',11px,6px);
    .wh(12px,6px);
  }
  .num{
    .fr;
    .bg-color(#f2f2f2);
    .g9;
    padding:7px 10px;
    .border-radius(20px);
  }
  .cont{
    a{
      .mr(5);
    }
    img{
      .wh(24px,24px);
      .border-radius(100%);
    }
    .h(24px);
    overflow:hidden;
  }
}
.d-box{
  border-top:10px solid @ce;
  .tit{
    border-top:1px solid @cde;
    color:#3c3c3c;
    .p10;
    .bdb(@cde);
  }
  .link-icon{
    .bg-size('detail_32.png',14px,14px,left,center);
    .pl(18);
  }
  .cont{
    .pb(10);
  }
  .bdb(@cde);
  .bar{
    .h(43px);
    .on{
      border-bottom:3px solid #242424;
      .g3;
    }
    a{
      .box-sizing;
      .db;
      .bdb(#d9d9d9);
      .w(50%);
      .fl;
      .tc;
      .f14;
      .ptb();
      .g9;
      .h(40px);
      span{
        border-right:1px solid #adadad;
        .db;
      }
    }
    b{
      font-weight:normal;
    }
  }
}
.xinde-list{
  .p10;
  li{
    .mt10;

  }
  .xinde-top{
    .dl(30);
    .tx{
      .wh(24px,24px);
      .fl;
      .mr(5);
    }
  }
  .wuxin{
    .fr;
  }
  .xinde-cont{
    .pl(30);
    .pb(10);
    .bdb(@ce);

    p{
      .pt10;
      .lh(20);
      word-break: break-all;
    }
    .num{
      .fr;
      .pl(25);
      .bg-size('com-icon_03.png',21px,auto,left,-1px);
      .g9;
      .mt(20);
      .db;
      .h(20px);
      .lh(20);
    }
    .pics{
      .mt10;
      .h(35px);
    }
    .pic{
      overflow:hidden;
      .h(35px);
      img{
        margin-right:5px;
      }
    }
  }
}
.wuxin{
  .mt(5);
  margin-bottom:5px;
  b{
    .dib(16,16);
    .mr(5);
  }
  .on{
    .bg-size('wuxin.png',16px,auto)
  }
  .empty{
    .bg-size('wuxin.png',16px,auto,0,-29px)
  }
}
.goods{
  .mt10;
  .bd(#d5d5d5);
  box-shadow: 0 0 3px #d7d7d7;
  height:89px;
  .bg-color(@cgraybg);
  .pic{
    .fl;
    .mr(10);
  }
  .comment-icon{
    .fr;
    .mr(5);
    .g9;
    .bg-size('detail_23.png',12px,13px,left,center);
    .pl(14);
    .lh(24);
    .pt(5);
  }
  .on{
    .bg-size('detail_36.png',12px,13px,left,center);
  }
  .cont1{
    border:none;
    .pl(90);
    .pr(10);
    .tit1{
      .pt(10);
      .lh(20);
      .h(40px);
    }
  }
  .price{
    color:@cred;
    .mt10;
    .f14;
  }
  .comefrom{
    .fr;
    .fz(10);
    .g9;
  }
}
.dash-btn{
  .mt(15);
  .db;
  .f14;
  .tc;
  .dl(40);
  .g6;
  border:1px dashed @cde;
  .icon{
    .dib(18,18);
    .bg-size('lable_icon.png',18px,auto,left,-30px);
    .mb(-3);
  }
}
.three-btn{
  .pb(10);
  .pt(10);
  //.bdt(@cde);
  li{
    .box-sizing(); width:33%;padding:0 5px;
    .fl;
  }
  .btn{
    .bd(#969696);
    height:40px;line-height:40px;
    .tc;
    .border-radius(20px);
    .db;
    .g6;
  }
  .shang-btn{
    color:@cred;
    border-color:@cred;
    img{
      margin-bottom:-1px;
    }
  }
}
.relativegoods{
  .p10;
  li{
    .fl;
    //.wh(33%,100px);
    .w(33%);
    .mr(1);
    .mt(1);
    img{
      .wh(100%,100%);
    }
  }
}

.tip-write-pop{
  .wh(100%,100%);
  .bg-color(rgba(0,0,0,0.8));
  .pf(0,0,4);
  .cont{
    .bg-color(#fbfbfb);
    .ab-center(260,300);
    .box-sizing();
    .border-radius();
  }
  .main-cont{
    .tc;
    .p10;
    .pb(40);
  }
  .close{
    .fr;
    padding:5px;
    .pr(10);
  }
  .wuxin{
    b{
      display:inline-block;
      float:none;
    }
  }
  h3{
    font-weight: normal;
    .mt20;
  }
  .foot-btn{
    a{
      .db;
      .fl;
      .tc;
      .wh(50%,50px);
      .lh(50);
      .bg-color(@cyellow);
      .f14;
      .box-sizing();
    }
    .left{
      border-right:1px solid #6c6b67;
      .c(#a8891e);
      border-radius:0 0 0 5px;
    }
    .right{
      border-radius:0 0 5px 0;
    }
  }
}
.plr10{
  padding:0 10px;
}
.mb70{
  .mb(70);
}
.noborder{
  border:0 !important;
}
.want-btn{
  .dib(48,48);
  .bg-size('label_icon_1.png',48px,auto,left,-71px);
}
.want-btn-on{
  background-position-y:0;
}
.no-pingce-btns{
  .bdt(#d9d9d9);
  a{
    margin:0 5px;
  }
}

.bg-0b{
  .bg-color(#0b0b0b);
}
.page{
  .pf(0,0,11);
  .wh(100%,100%);
  .tit{
    .f14;
    .c(#555);
  }
  .desc{
    .f14;
    .c(#fff);
    .mt10;
    .lh(22);
    .h(44);
    overflow-y:auto;
  }
  .article{
    .p10;
    .db;
  }
  .close{
    .dba(40,40);
    .bg-size('relative_back.png',40px,40px);
    .pa(10px,10px,2);
  }
}
.user-info{
  .bg-color(#181818);
  .p10;
  .lh(30);
  b{
    .c(#fff);
    .pl(20);
    .bg-size('topic_icon.png',15px,auto,5px);
    .ml10;
    display:inline-block;

  }
  a{
    .db;
    .bg-size('black_arrow.png',20px,auto,right,center);
    .pr(30);
  }
  .tx{
    .border-radius(100%);
    .fl;
    .mr(5);
  }
  .xin{
    background-position:0 -21px;
  }
  .com{
    background-position:0 7px;
  }
}
.cb{
  .c(@cblue);
}
.fix-foot{
  position:fixed;
  left:0;
  bottom:0;
  width:100%;
  .box-sizing();
}
.h60{.h(60)}
#mySwiper .swiper-pagination-bullet{.bg-color(#fff);}

